<template>
  <div class="p-qq-group">
    <div class="content">
      <h1 class="title">加入书大师资源分享QQ群</h1>
      <p>为了感谢各位书友对书大师的捐助，站长希望能尽绵薄之力帮助捐助者找到他们需要的资源，为此创建了一个QQ群供捐助者们交流，这个群还会分享优质中文电子书和其它精品资源。</p>
      <p>求书、下载链接失效等问题也可以在此群告诉群主，群主将第一时间给予回应。感谢所有捐助者的支持！</p>
      <p>本站已在
        <a href="https://github.com/liamwang/bookist.cc" target="_blank">GitHub</a> 开源，欢迎 Star 和 Fork 。
      </p>
      <p style="font-weight:bold;">强烈期望：有条件的请支持正版！有条件的请支持正版！有条件的请支持正版！</p>
      <div class="qq-group-info">
        <div>
          <span>群号：</span>
          <b>467968310</b>
        </div>
        <div>
          <a target="_blank" href="//shang.qq.com/wpa/qunwpa?idkey=89f583a503fd39fb1f5c7088c197d549c74cd40d08dfb66f105b494a62842771">
            <img border="0" src="//pub.idqqimg.com/wpa/images/group.png" alt="书大师资源分享群" title="书大师资源分享群">
          </a>
        </div>
      </div>
    </div>
  </div>
</template>

<style lang="scss">
.p-qq-group {
  background: #fff;
  padding: 40px 20px 0;
  height: 100%;
  .content {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    p {
      text-align: justify;
      margin: 15px 0;
      font-size: 16px;
    }
  }

  .qq-group-info {
    margin: 20px 0;
    line-height: 2.2;
    font-size: 16px;
    b {
      color: red;
    }
  }
}
</style>

